@use '../mixins/config' as *;

// border-radius
// generate .yq-rounded{-tl|-tr|-bl|-br}-${border-radius}, .yq-rounded{-tl|-tr|-bl|-br}-${border-radius}-i, border-radius range: 0px - 50px
@for $i from 0 through 16 {
    $radius: (
        rounded: 'border-radius',
        rounded-tl: 'border-top-left-radius',
        rounded-tr: 'border-top-right-radius',
        rounded-bl: 'border-bottom-left-radius',
        rounded-br: 'border-bottom-right-radius',
    );
    @each $key, $value in $radius {
        .#{$namespace}-#{$key}-#{$i} {
            #{$value}: $i * 1rpx;
            &-i {
                #{$value}: $i * 1rpx !important;
            }
        }
    }
}
// .yq-rounded-full
.#{$namespace}-rounded-full {
    border-radius: 50%;
    &-i {
        border-radius: 50% !important;
    }
}
